
import React from 'react'
import './App.css'
import { BrowserRouter, Routes, Route } from 'react-router-dom'
import Home from './view/Home'
import About from './view/About'
import Index from './view/Index.jsx'
import User from './view/User'
import Property from './view/Property'
import Brand from './view/Brand'
import Company from './view/Company'
import Leaving from './view/leaving'
import Details from './view/del/details'
import Details1 from './view/del/details1'
import Details2 from './view/del/details2'
import Details3 from './component/userlundel'
import Details4 from './component/userlundel1'
import Details5 from './component/userlundel2'

const App = () => {
  return (
      <BrowserRouter>
        <Routes>
          <Route path="/" exact element={<Home />}>
            <Route index element={<Index />} />
            <Route path="/index" element={<Index />}></Route>
            <Route path="/About" element={<About />}></Route>
            <Route path="/user" element={<User />}></Route>
            <Route path="/Property" element={<Property />}></Route>
            <Route path="/Brand" element={<Brand />}></Route>
            <Route path="/Company" element={<Company />}></Route>
            <Route path="/Leaving" element={<Leaving />}></Route>
            <Route path="/Details" element={<Details />}></Route>
            <Route path="/Details1" element={<Details1 />}></Route>
            <Route path="/Details2" element={<Details2 />}></Route>
            <Route path="/Details3" element={<Details3 />}></Route>
            <Route path="/Details4" element={<Details4 />}></Route>
            <Route path="/Details5" element={<Details5 />}></Route>
          </Route>
        </Routes>
      </BrowserRouter>
  )
}

export default App
